<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link href="/Public/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/Public/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="/Public/css/common.css" rel="stylesheet" />
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <!-- 主内容区 一定要带class main -->
            <div class="col-xs-12 main">
                <h5 class="page-header syrian-crumbs">
                    <a href="">
                        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                        Home
                    </a>
                    <span></span>
                </h5>
                <!-- 主内容区 -->
                <div class="syrian-main-page">
                    <!-- 水平排列表单样式 -->
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label for="inputEmail" class="col-sm-1 control-label">Email</label>
                            <div class="col-sm-11">
                                <input type="email" class="form-control" id="inputEmail" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword" class="col-sm-1 control-label">Password</label>
                            <div class="col-sm-11">
                                <input type="password" class="form-control" id="inputPassword" placeholder="Password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputSelect" class="col-sm-1 control-label">Select</label>
                            <div class="col-sm-11">
                                <select class="form-control" id="inputSelect">
                                    <option>1</option>
                                    <option>1</option>
                                    <option>1</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputSelect" class="col-sm-1 control-label">Checkbox</label>
                            <div class="col-sm-11">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox"> Remember me
                                    </label>
                                </div>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox"> Remember me
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputSelect" class="col-sm-1 control-label">Radio</label>
                            <div class="col-sm-11">
                                <div class="radio">
                                    <label>
                                        <input type="radio"> Remember me
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input type="radio"> Remember me
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputSelect" class="col-sm-1 control-label">Textarea</label>
                            <div class="col-sm-11">
                                <textarea class="form-control" placeholder="Textarea" rows="5"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputSelect" class="col-sm-1 control-label">Button</label>
                            <div class="col-sm-11">
                                <button type="submit" class="btn btn-submmit">submmit</button>
                                <button type="button" class="btn btn-cancel">cancel</button>
                            </div>
                        </div>
                    </form>
                    <!-- 水平排列表单样式 -->
                    <!-- 表格样式 -->
                    <div style="margin-top: 50px;">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>title</th>
                                    <th>time</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>         
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>         
                                </tr>
                                <tr>
                                    <td>1</td>
                                    <td>2</td>
                                    <td>3</td>         
                                </tr>
                            </tbody>        
                        </table>
                    </div>
                    <!-- 表格样式 -->

                    <!-- 警告框样式 -->
                    <div style="margin-top: 50px">
                        <div class="alert alert-success alert-dismissible syrian-alert-success" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <strong>Warning!</strong> Better check yourself, you're not looking too good.
                        </div>
                        <div class="alert alert-info alert-dismissible syrian-alert-info" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <strong>Warning!</strong> Better check yourself, you're not looking too good.
                        </div>
                        <div class="alert alert-danger alert-dismissible syrian-alert-danger" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <strong>Warning!</strong> Better check yourself, you're not looking too good.
                        </div>
                    </div>
                    <!-- 警告框样式 -->
                </div>
            </div>
        </div>
    </div>
    <script src="/Public/js/jquery.js"></script>
    <script src="/Public/js/bootstrap.min.js"></script>
</body>
</html>